﻿<Window x:Class="PewPew.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="687.425" Width="801.782" Loaded="WindowLoaded" Closing="WindowClosing">
        
    <Window.Resources>
            <SolidColorBrush x:Key="MediumGreyBrush" Color="#ff6e6e6e"/>
            <SolidColorBrush x:Key="KinectPurpleBrush" Color="#ff52318f"/>
            <SolidColorBrush x:Key="KinectBlueBrush" Color="#ff00BCF2"/>
            <Style TargetType="{x:Type Image}">
                <Setter Property="SnapsToDevicePixels" Value="True"/>
            </Style>
            <Style TargetType="{x:Type Button}" x:Key="SnapshotButton" >
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Button}">
                            <Grid>
                                <StackPanel Orientation="Horizontal" Background="Transparent">
                                    <TextBlock x:Name="SnapText" Text="{TemplateBinding Content}" TextAlignment="Left"  VerticalAlignment="Center" Foreground="{StaticResource KinectPurpleBrush}" FontSize="15" />
                                    <Grid Margin="9,0,0,0">
                                        <Image x:Name="SnapNormal" Stretch="None" HorizontalAlignment="Center"/>
                                        <Image x:Name="SnapHover" Stretch="None" HorizontalAlignment="Center" Visibility="Collapsed"/>
                                    </Grid>
                                </StackPanel>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="true">
                                    <Setter Property="Visibility" Value="Collapsed" TargetName="SnapNormal"/>
                                    <Setter Property="Visibility" Value="Visible" TargetName="SnapHover"/>
                                    <Setter Property="Foreground" Value="{StaticResource KinectBlueBrush}" TargetName="SnapText"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Window.Resources>


        <Grid Name="layoutGrid" Margin="10 0 10 10">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" MinHeight="58"/>
            <RowDefinition/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
            
            <DockPanel Grid.Row="0" Margin="0,0,298,0">
                <TextBlock DockPanel.Dock="Left" Margin="0 0 -1 0" VerticalAlignment="Top" FontFamily="Segoe UI" FontSize="18">
                <TextBlock.Effect>
                    <DropShadowEffect/>
                </TextBlock.Effect>MusicShooter</TextBlock>
                <Label x:Name="lblQrText" Content="Show me your QR code!" HorizontalAlignment="Left" Margin="10,0,0,0" VerticalAlignment="Top" Width="169"/>
                <Label x:Name="lblEnemy" Content="Enemy Name" Height="26" VerticalAlignment="Top" Width="105"/>
            <Label x:Name="lblScore" Content="0" Height="58" VerticalAlignment="Top" Width="83" FontWeight="Bold" FontSize="24"/>
        </DockPanel>
        <DockPanel Grid.Row="1" Grid.RowSpan="2">
            <Label x:Name="lblQrPoints" Content="Hai" HorizontalAlignment="Left" Margin="10,0,0,0" VerticalAlignment="Top" Width="2000" FontSize="30pt"/>
        </DockPanel>

        <Viewbox Grid.Row="1" Stretch="Uniform" HorizontalAlignment="Center" Margin="383,0,384,0" Width="0" Grid.RowSpan="2"/>
            
        <Viewbox Stretch="Uniform" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="135,31,135,0" Grid.RowSpan="2" Height="373" Width="497">
            <Image Name="Image" Width="640" Height="480"/>
            
        </Viewbox>
<Canvas x:Name="PlayCanvas" HorizontalAlignment="Stretch" Grid.Row="1" VerticalAlignment="Stretch" Opacity="0.5" >
            <Canvas.Background>
                <SolidColorBrush Color="#FFB4B4B4"/>
            </Canvas.Background>
        </Canvas>

        <DockPanel Grid.Row="2" Margin="0" >
            <Label x:Name="lblStatusBar" Content="Ready." HorizontalAlignment="Left" Margin="10,0,0,0" VerticalAlignment="Bottom" Width="342" />
        </DockPanel>

    </Grid>
</Window>
